/* MnemonicManager.razor component scoped styles */
.loading-state {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: var(--wallet-space-xl, 2rem);
        text-align: center;
    }

    .empty-state {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: var(--wallet-space-xl, 3rem) var(--wallet-space-md, 1rem);
        text-align: center;
    }

    .empty-state .mud-icon {
        font-size: 4rem;
        margin-bottom: var(--wallet-space-md, 1rem);
    }

    .font-weight-medium {
        font-weight: 500;
    }